<template>
  <div class="mycon">
    <pertop :x="name"></pertop>
    <perorder></perorder>
    <perhobby></perhobby>




    <hmbot class="di"></hmbot>
  </div>
</template>

<script>
import pertop from "./PERsonal/PERtop.vue"
import perorder from "./PERsonal/PERorder.vue"
import perhobby from "./PERsonal/PERhobby.vue"


import hmbot from "./HMassembly/HMbottom.vue"
export default {
    components: {
        hmbot,
        pertop,
        perorder,
        perhobby
  },
  mounted() {
    this.name= this.$route.query.name
  },
  data() {
    return {
        name:""
      }
    }
}
</script>

<style lang="scss" scoped>
.mycon{
    background-color: #f9f9fb;
}
.di{
    position: fixed;
    bottom: 0;
}

</style>